<template lang="html">
	<div class="integral_box">
		<div class="integral_url">
			<router-link class="integral_link" to="/integralmain">
				<span>积分专区</span>
				<i>更多</i>
			</router-link>
		</div>
		<div class="integral_main_box">
			<ul class="integral_mian">
				<li class="integral"  v-for="(item,index) in goods">
					<router-link class="integral_del" :to="'/integraldetails?id='+item.id">
						<img :src="item.thumb" :alt="item.title">
						<div class="del_xq">
							<p>{{item.title}}</p>
							<span>{{item.price}}</span>
						</div>
					</router-link>
				</li>
			</ul>
		</div>
	</div>
</template>
<script type="text/javascript">
	export default {
	   props:["goods"],
	  data(){
	  	return{}
	  },
	  methods:{
	    
	  },
	  components:{

	  }
	}
</script>
<style type="text/css" lang="less">
	@import '../../../assets/less/index.less';
	.integral_box{
		width: 100vw;
		border-bottom: solid 2vw @colcr4;
		margin-bottom: 13.3vw;
		.integral_url{
			width: 100%;
			border-bottom: solid 1px @colcr4;
			.integral_link{
				display: inline-block;
				width: @width;
				margin: 0 auto;
				height: 11vw;
				line-height: 11vw;
				font-size: @h1_font_size;
				span{
					display: inline-block;
					float: left;
				}
				i{
					float: right;
				}
			}
		}
		.integral_main_box{
			width: 100vw;
		}
		.integral_mian{
			width: @width;
			margin: 0 auto;
			padding-top: 5vw;
			overflow: hidden;
			zoom:1;
			.integral{
				width: 50%;
				display: inline-block;
				margin-bottom: 2.5vw;
				height: 48vw;
				overflow: hidden;
				zoom:1;
				float: left;
				.integral_del{
					width: 45vw;
					display: block;
					height: 100%;
					text-align: left;
					img{
						width: 45vw;
						height: 30.666vw;
					}
					.del_xq{
						background-color: @color;
						font-size: @h1_font_size;
						color: @color1;
						line-height: 6vw;
						padding: 3vw 0vw;
						p,span{
							width: 43vw;
							display: inline-block;
							text-indent: 2vw;
							.font_space(1);
						}
					}
				}
				&:nth-child(2n){
					.integral_del{
						float: right;
					}
				}
			}
		}
	}
</style>